﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title></title>
    <link href="../../resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

    <script src="../../resources/lib/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../resources/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            var CustomersData =
            {Rows: [
                { text: '继电器2', id: '2' },
                { text: '继电器3', id: '3' },
                { text: '继电器4', id: '4' }
            ], Total: 12};
            $("#maingrid").ligerGrid({
                columns: [
                    { display: '名称', name: 'text', align: 'left'},
                    { display: '序号', name: 'id', width: 80 }
                ], data:CustomersData, sortName: 'id', width: 180, height:400, usePager:false
            });
        });
    </script>
    <style type="text/css">
        .l-table-edit {}
        .l-table-edit-td{ padding:4px;}
        .l-button-submit,.l-button-reset{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
        fieldset {
            border: solid #CCCCCC 1px;
            padding: 10px;
        }
        fieldset legend {
            padding: 0 2px;
        }
    </style>
</head>
<body  style="padding:10px">

<div id="maingrid" style="float: left;"></div>
<div style="float: left; margin-left: 5px; width: 600px;">

<div style="margin: 10px; height: 450px;">
    <form name="doorForm2" method="post" action="">

        <fieldset style="float: left;">
            <legend>基本设置</legend>
            <table cellpadding="0" cellspacing="0" class="l-table-edit" >
                <tr>
                    <td align="right" class="l-table-edit-td">名称:</td>
                    <td align="left" class="l-table-edit-td">
                        <input type="text" value="Reader 01" />
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td">继电器模式:</td>
                    <td align="left" class="l-table-edit-td">
                        <select name="ddlDepart3" ltype="select">
                            <option value="1">常开</option>
                            <option value="2">常闭</option>
                            <option value="3">定时</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td align="right" class="l-table-edit-td">延时开门时间:</td>
                    <td align="left" class="l-table-edit-td">
                        <input name="code" type="text" ltype="text" />
                    </td>
                    <td align="left">秒</td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td">开门保持时间:</td>
                    <td align="left" class="l-table-edit-td">
                        <input name="code" type="text" ltype="text" />
                    </td>
                    <td align="left">秒</td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="float: left; margin-left: 10px;">
            <legend>时间规则</legend>
            <table cellpadding="0" cellspacing="0" class="l-table-edit" >
                <tr>
                    <td align="right" class="l-table-edit-td">该时间范围有效:</td>
                    <td align="left" class="l-table-edit-td">
                        <select>
                            <option selected="selected">永远有效</option>
                            <option>永远无效</option>
                            <option>时间组1</option>
                            <option>时间组2</option>
                            <option>时间组3</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td">该时间范围无效:</td>
                    <td align="left" class="l-table-edit-td">
                        <select>
                            <option>永远有效</option>
                            <option selected="selected">永远无效</option>
                            <option>时间组1</option>
                            <option>时间组2</option>
                            <option>时间组3</option>
                        </select>
                    </td>
                </tr>
            </table>
        </fieldset>
        <br />
        <input type="hidden" name="id" />
        <input type="hidden" name="pid" />
        <input type="submit" value="提交" class="l-button l-button-submit" />
        <input type="reset" value="重置" class="l-button l-button-reset"/>
        <br class="l-clear" />
    </form>

</div>
<br style="clear: both;" />

</div>
</body>
</html>
